<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>配送订单</title>

    <link href="__PUBLIC__/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css"/>

    <link href="__PUBLIC__/basic/css/demo.css" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" href="__PUBLIC__/css/index.css">
    <!--必要样式-->
    <style>
        body {
            font-family: "Microsoft Yahei", 微软雅黑, arial, "Lantinghei SC";
            background: #EFEFEF;
        }

        .am-nav-tabs > ul {
            border-bottom: 1px solid #DADADA;
        }

        .am-nav-tabs > li > a {
            font-size: 14px;
            padding: 0.4em 0.2em;
        }

        .am-tabs-nav li {
            height: 40px;
            line-height: 40px;
        }

        .am-nav-tabs > li {
            border-bottom: 1px solid #DADADA;
        }

        .am-nav-tabs.am-nav-justify > li > a {
            border-bottom: none;
        }

        .am-tabs-bd .am-tab-panel {
            padding: 0 10px 0px;
            margin-bottom: 15px;
        }

        .order-title .am-u-sm-12 {
            padding: 6px 6px;
            border-bottom: 1px solid #F2F2F2;
        }

        .order-title .am-u-sm-12 span {
            font-size: 18px;
            color: #000;
            vertical-align: middle;
            display: inline-block;
            line-height: 25px;
            margin-left: 8px;
        }

        .goods-box {
            margin-bottom: 10px;
        }

        .goods-box .goods-head {
            border-bottom: 1px solid #F3F3F3;
            padding: 15px 20px 10px;
            font-size: 13px;
        }

        .goods-box .good-content {
            padding: 10px 5px 0px 0;
            border-bottom: 1px solid #D8D8D8;
        }

        .goods-box .good-content .title {
            position: absolute;
            top: 3px;
            color: #2C2D2F;
            font-size: 11px;
            height: 55px;
            line-height: 18px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            letter-spacing: 0;
            vertical-align: middle;
        }

        .goods-box .good-content .map {
            color: #787878;
            font-size: 9px;
            position: absolute;
            top: 58px;
            left: 110px;
        }

        .goods-box .good-price {
            margin-bottom: 10px;
        }

        .goods-box .good-price .money {
            text-overflow: ellipsis;
            display: block;
            line-height: 30px;
        }

        .goods-box .good-price .num {
            margin-left: 3px;
            color: #898989;
        }

        .goods-box .good-totol {
            margin-bottom: 15px;
        }

        .goods-box .good-totol span {
            display: block;
            font-size: 13px;
        }

        .btn1 {
            display: inline-block;
            border: 1px solid #E3E3E3;
            color: #7A7E7F;
            padding: 7px 6px;
            border-radius: 3px;
            margin-right: 10px;
        }

        .btn2 {
            display: inline-block;
            color: #FFFFFF;
            background: #FFAD01;
            padding: 7px 6px;
            border-radius: 3px;
        }
    </style>
</head>

<body>
<div class="am-g bg-white order-title">
    <div class="am-u-sm-12">
        <a href="__APP__/Home/Me/index"><img src="__PUBLIC__/new_images/left.png" width="28" alt=""></a> <span>配送订单</span>
    </div>
</div>
<div class="am-g " id="orderList">
    
       
       
            <!--所有订单-->
           
                <!--无订单时。统一显示-->
                <!--<div class="am-g am-text-center">-->
                <!--<img src="__PUBLIC__/new_images/order.png" alt="" width="140" style="margin-top: 65px;">-->
                <!--<span style="font-size: 18px;color: #BFBFBF;display: block;margin-top: 30px;letter-spacing: 2px;">您还没有订单~</span>-->
                <!--</div>-->
                <!--有订单时-->

            <!--待付款-->
           

</div>
<script src="__PUBLIC__/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
<script src="__PUBLIC__/AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
<script src="__PUBLIC__/js/global.js"></script>
<script src="__PUBLIC__/layer/layer.js"></script>
<script>
    $(function () {
        $('#doc-my-tabs').tabs();
    })
    $(function () {
        var w = document.body.clientWidth / 12 * 10 - 110;
        $('.title').css('width', w);
        $('.title').css('left', 110);
    });

    $(document).ready(function(){
        gotoPage(1);

    });

    // ajax 抓取页面
    function gotoPage(page){
        cur_page = page; //当前页面 保存为全局变量
        $.ajax({
            type : "POST",
            url:"__APP__/Home/Order/ajaxDispatchOrder",
            data : {pagenum:page},// 你的formid
            success: function(data){
                $("#orderList").html('');
                $("#orderList").html(data);
            }
        });
    }


    function ajaxTakeSpecGoods(type, id){

        $.ajax({

            type:"post",
            url:"__URL__/ajaxTakeSpecGoods",
            data:{

                type:type,
                id:id,
            },
            error:function (data) {
                console.info(data);
                layer.msg('服务器忙');
//                layer.open({
//                    content: '服务器忙'
//                    ,skin: 'msg'
//                    ,time: 1000 //2秒后自动关闭
//                });

            },
            success:function (data) {
                console.info(data);
                layer.msg(data.msg, {type:1}, function(){

                    location.reload();

                });
//                layer.open({
//                    content: data.msg
//                    ,skin: 'msg'
//                    ,time: 1000 //2秒后自动关闭
//                });

            }


        })


    }

</script>
</body>
</html>